﻿<%@ include file="/WEB-INF/jsp/include.jsp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<meta http-equiv="pragma" content="no-cache" />
		<meta http-equiv="cache-control" content="no-cache" />
		<meta http-equiv="expires" content="0" />

<title>无标题文档</title>
<style type="text/css">
*{SCROLLBAR-FACE-COLOR:#FFB466;SCROLLBAR-HIGHLIGHT-COLOR: #FFB466;SCROLLBAR-SHADOW-COLOR: #8C7100;SCROLLBAR-3DLIGHT-COLOR: #FFB466;SCROLLBAR-ARROW-COLOR: #FFB466;SCROLLBAR-TRACK-COLOR: #FFB466;SCROLLBAR-DARKSHADOW-COLOR: #8C7100;OVERFLOW-X: hidden; }
body{ width:200px;margin:0px; font:12px 宋体; FONT-SIZE: 12px;text-decoration: none;line-height:20px;overflow-y:hidden;}
a:link{text-decoration:none;color:#42414A;}
a:visited {text-decoration:none;color:#42414A;}
a:hover {text-decoration:none;color:#999;}
a:active {text-decoration:none;color:#999;}
.hid {DISPLAY: none}
li {list-style:none;}
#TabPage {margin:0;float:left;width:34px;background:transparent;padding-left:6px;}
#TabPage li {color:#676767;clear:both;font-weight:400;height:60px;width:22px;padding:5px 0px 0px 12px;background:url("<%=request.getContextPath()%>/images/mentoff.gif") no-repeat left top;CURSOR: pointer;position:relative;z-index:1; margin-bottom:3px; line-height:14px;}
#TabPage li.Selected {height:60px;width:22px;padding:5px 0px 0px 12px;font-weight:bold;color:#fff;background: url("<%=request.getContextPath()%>/images/menton.gif") no-repeat left top; color:#502400;}
/* 菜单列表 */
#menubox {float:left;background:#FFC178;width:130px; height:620px;padding:0 6px 5px 6px;}

#menubox ul{margin:0px; padding:0;}
#menubox .dleft_tab,#menubox .dleft_tab *{background:#fff;}
#menubox .dleft_tab .dt{border:1px #999999 dashed;width:100px;text-align:center;padding:2px;font-weight:bold; margin:0 auto; background:#f8f8f8; margin-bottom:5px;}
#menubox .dleft_tab .dc{ margin:0px auto; width:110px;}
#menubox .dleft_tab .dc li{LIST-STYLE-IMAGE: url(<%=request.getContextPath()%>/images/khht_12.gif);list-style-position:inside;}
#menubox .dleft_tab .dc li a{height:20px}
#menubox .dleft_tab .dc li a:hover{LIST-STYLE-IMAGE: url(<%=request.getContextPath()%>/images/khht_12.gif);}
</style>

</head>

<body onload="tab()">
<SCRIPT language=javascript type=text/javascript>
		function showleft(id)
		{
		 document.getElementById("left_tab"+id).className='Selected';
		 var oItem = document.getElementById("TabPage").getElementsByTagName("li"); 
			for(var i=1; i<=oItem.length; i++){
			   if (i!=id)
				document.getElementById("left_tab"+i).className='';
		     }
			var dvs=document.getElementById("menubox").getElementsByTagName("ul");
			for (var i=0;i<dvs.length;i++){
			  if (dvs[i].id==('dleft_tab'+id))
				dvs[i].style.display='';
			  else
			  dvs[i].style.display='none';
			}
		}
		function tab(){
			var f;
			 f="1";
			f="1";
			f="1";
			f="1";
			var th=0;
			var flag=true;
			for(var k=0;k<f.length;k++){
				 var h=k+1;
				 var ts=f.substring(k,h);
				if(ts==0){ flag=false;}
				if(!flag) break;
			}
			if(flag){
				
				document.getElementById("dleft_tab1").style.display="none";	 
				showleft(1);
				
			}else{
					for(var i=0;i<f.length;i++){
						  var j=i+1;
						  var fg=f.substring(i,j);
						  var df="dleft_tab"+j;
						  
						  if(fg==1){
						  	
						  	 document.getElementById(df).style.display="none";	 
						  		showleft(j);
						  	 th++; 
						  }
						  if(th>0) break;
					}
			}
			//alert(f);
		}
		</SCRIPT>
<div style="width:182px;"><img src="<%=request.getContextPath()%>/images/khht_03.gif" width="182" height="47" /></div>        
<div style="width:40px; float:left">
		<ul id="TabPage">
		
		<li   id="left_tab1"   onClick="javascript:showleft(1);"  title="订单管理">订单管理</li>
		<li   id="left_tab2"    onClick="javascript:showleft(2);"  title="流程管理">流程管理</li>
		<li   id="left_tab3"  onClick="javascript:showleft(3);"  title="统计报表">统计报表</li>
		<li   id="left_tab4"  onClick="javascript:showleft(4);"  title="系统设置">系统设置</li>
	</ul>
</div>
	<div id="menubox">
	<div><img src="<%=request.getContextPath()%>/images/khht_08.gif" /></div>
	
	<ul class="dleft_tab" id="dleft_tab1" style="display:none;">		
		<div class="dt">订单管理</div>
		<div class="dc">
			<!--餐厅基本信息操作-->		

	  	<li><a href="<%=request.getContextPath()%>/redirect/redirect_search_orders"  target="mainFrame" title="订单查询">订单查询</a></li>
			<li><a href=""  target="mainFrame" title="下订单 ">下订单 </a></li>
			<li><a href=""  target="mainFrame" title="订单发货">订单发货</a></li>
			<li><a href=""  target="mainFrame" title="收余款">余款回收</a></li>
		</div>
	</ul>
	
	
	<ul class="dleft_tab" id="dleft_tab2" style="display:none;">		
		<div class="dt">流程管理</div>
		<div class="dc">
			<!--餐厅基本信息操作-->		

	  	<li><a href=""  target="mainFrame" title="订单查询">订单查询</a></li>
			<li><a href=""  target="mainFrame" title="流程操作 ">流程操作 </a></li>

		</div>
	</ul>
	
	
	<ul class="dleft_tab" id="dleft_tab3" style="display:none;">		
		<div class="dt">统计报表</div>
		<div class="dc">
			<!--餐厅基本信息操作-->		

	  	<li><a href=""  target="mainFrame" title="订单统计">订单统计</a></li>
			<li><a href=""  target="mainFrame" title="订单实时统计 ">订单实时统计</a></li>
			<li><a href=""  target="mainFrame" title="订单金额统计">订单金额统计</a></li>
		</div>
	</ul>
	
	<ul class="dleft_tab" id="dleft_tab4" style="display:none;">		
		<div class="dt">系统设置</div>
		<div class="dc">
			<!--餐厅基本信息操作-->		

	  	<li><a href=""  target="mainFrame" title="参数设置">参数设置</a></li>
			<li><a href=""  target="mainFrame" title="用户管理 ">用户管理 </a></li>

		</div>
	</ul>
	

	<div><img src="<%=request.getContextPath()%>/images/khht_18.gif" width="130" height="4" /></div>
</div>
</body>
</html>

